/* CCSTheme v 3.x */
/* General */

/* BEGIN Common */
body { 
	font-family: Tahoma;font-size: 80%;
	background-image: url('Images/PageBg.gif');
	}

.text { 
	color: #000000 
	}


ul, ol, blockquote { margin-top: 5px; margin-bottom: 10px; margin-left: 20px 
	}

form { margin: 0px; }

h1	{ font-size: 150%; margin-top: 5px; margin-bottom: 5px; }

h2	{ font-size: 130%; margin-top: 15px; margin-bottom: 5px; }

h3	{ font-size: 110%; font-style: italic; margin-top: 15px; margin-bottom: 5px; }

h4	{ font-size: 100%; margin-top: 15px; margin-bottom: 5px; }

h5	{ font-size: 100%; font-style: italic; margin-top: 15px; margin-bottom: 5px; }

h6	{ font-size: 90%; margin-top: 15px; margin-bottom: 5px; }

th	{ font-family: Tahoma;font-size: 80%; }

td { font-family: Tahoma;font-size: 80%; }

/* END Common */

.Header { width: 100%; }

.Header th { font-size: 120%; font-weight: bold; text-align: left; padding: 4px; background-image:url(images/HeaderBg.png); background-repeat:repeat-x; 
             height:21px; color: #ffffff; width: 100%; white-space: nowrap; }

.Header a:link { color: #ffffff; }

.Header a:visited { color: #ffffff; }

.Header a:hover, .Caption a:active { color: #ffffff; text-decoration: none; }

.HeaderLeft { background-image: url('Images/HeaderLeft.png'); background-position:left top; background-repeat:no-repeat; height:29px; }

.HeaderRight { background-image: url('Images/HeaderRight.png'); background-position:right top; background-repeat:no-repeat; height:29px; }

.HeaderLeft img { width: 19px; }

.HeaderRight img{ width: 19px; }


/* Grid Options */
.Grid { border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc; width: 100%; }

.Caption th { font-size: 80%; text-align: left; vertical-align: top; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-image: url('Images/CaptionBg.gif'); color: #000000; white-space: nowrap; }

.Caption td { font-size: 80%; text-align: left; vertical-align: top; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-image: url('Images/CaptionBg.gif'); color: #000000; white-space: nowrap; }

.Caption a:link { color: #000000; }

.Caption a:visited { color: #000000; }

.Caption a:hover, .Caption a:active { color: #ff0000; }

.Caption img { margin: 2px; vertical-align: middle; }

.Caption input { vertical-align: middle; }

.Row th { font-size: 80%; font-weight: normal; text-align: left; vertical-align: top; padding: 4px; border-top: 1px solid #3d84cc; 
          border-right: 1px solid #3d84cc; background-color: #f7f7f7; color: #000000; white-space: nowrap; color: #000000; }

.Row td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; vertical-align: top; background-color: #f7f7f7; 
	color: #000000; }

.Row a:link { color: #0059b2; }

.Row a:visited { color: #840084; }

.Row a:hover, .Row a:active { color: #ff0000; }

.Separator { color: #3d84cc; }

.Separator td { height: 1px; }


.AltRow th { font-size: 80%; font-weight: normal; text-align: left; vertical-align: top; padding: 4px; border-top: 1px solid #3d84cc; 
             border-right: 1px solid #3d84cc; background-color: #f7f7f7; color: #000000; white-space: nowrap; color: #000000; }

.AltRow td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; vertical-align: top; background-color: #bed4e3; 
	color: #000000; }

.AltRow a:link { color: #0059b2; }

.AltRow a:visited { color: #840084; }

.AltRow a:hover, .AltRow a:active { color: #ff0000; }

.NoRecords td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; background-color: #f7f7f7; 
	color: #000000; vertical-align: top; }

.Footer td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; background-color: #dfdfdf; 
             color: #000000; text-align: center; vertical-align: middle; white-space: nowrap; color: #000000; }

.Footer a:link { color: #0059b2; }

.Footer a:visited { color: #840084; }

.Footer a:hover, .Footer a:active { color: #ff0000; }

.Footer img { margin: 2px; vertical-align: middle; }

.Footer input { margin: 2px; vertical-align: middle; }

/* Record Options */
.Record { border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc; width: 100%; }

.Error td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	color: #FF0000; vertical-align: top; background-color: #f7f7f7; }

.Controls th { font-size: 80%; font-weight: normal; text-align: left; vertical-align: top; padding: 4px; border-top: 1px solid #3d84cc; 
               border-right: 1px solid #3d84cc; background-color: #f7f7f7; color: #000000; white-space: nowrap; color: #000000; }

.Controls td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; vertical-align: top;
				background-color: #f7f7f7; color: #000000; }

.Bottom td { font-size: 80%; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; background-color: #dfdfdf; color: #000000;
	text-align: right; vertical-align: middle; white-space: nowrap; color: #000000; }

.Bottom a:link { color: #0059b2; }

.Bottom a:visited { color: #840084; }

.Bottom a:hover, .Caption a:active { color: #ff0000; }

.Bottom img { margin: 2px; vertical-align: middle; }

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #bed4e3; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7; 
	color: #000000;
	}

.GroupCaption a:link {
	color: #000000;
	}

.GroupCaption a:visited{
	color: #000000;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #ff0000;
	}

.GroupFooter td{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #dfdfdf; 
	color: #000000;
	}

.GroupFooter a:link {
	color: #0059b2;
	}

.GroupFooter a:visited{
	color: #840084;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #ff0000;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	font-weight: bold;
	background-color: #f9f1de; 
	color: #000000;
	border-bottom: 2px solid #3d84cc;
	}

.SubTotal a:link {
	color: #0059b2;
	}

.SubTotal a:visited{
	color: #840084;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #ff0000;
	}

.Total td{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #f9f1de; 
	color: #000000;
	}

.Total a:link {
	color: #0059b2;
	}

.Total a:visited{
	color: #840084;
	}

.Total a:hover, .Total a:active{
	color: #ff0000;
	}

/* Form Options */
.Button { 
	background-color: #f9f1de; color: #000000; border: solid 1px #3d84cc; padding: 2px; font-weight: bold; font-size: 85%; font-family: Tahoma;
	}

/* Calendar */

.Calendar { 
	border: 1px solid #3d84cc;
	width: 100%;
	}

.CalendarWeekdayName{
	font-size:12px;
	font-weight:bold;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-image:url(images/WeekDayHeader.png);
	background-repeat:repeat-x; height:22px;
	color: #000000;
	}

.CalendarWeekdayName a:link {
	color: #0059b2;
	}

.CalendarWeekdayName a:visited{
	color: #840084;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendName{
	font-size:12px;
	font-weight:bold;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	white-space: nowrap;
	background-image:url(images/SundayHeader.png);
	background-repeat:repeat-x; height:22px;
	text-align: center; 
	vertical-align: top;
	color: #000000;
	}

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f1fffa;	
	color: #000000;
	}

.CalendarDay a:link {
	color: #0059b2;
	}

.CalendarDay a:visited{
	color: #840084;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f1f1f1;	
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #0059b2;
	}

.CalendarWeekend a:visited{
	color: #840084;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}
	
.CalendarWeekView { background-color:#f7f7f7; padding: 4px; border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc; text-align: center;}

/* Calendar Today */
.CalendarToday {
	font-size: 100%;
	font-weight:bold;
	padding: 4px;
	border-top: 1px solid #3d84cc; 
	border-right: 1px solid #3d84cc;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	background-color:#cbeee1;
	text-align: center;
	color: #000000;
	}

.CalendarToday a:link {
	color: #0059b2;
	}

.CalendarToday a:visited{
	color: #840084;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 100%;
	font-weight:bold;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #cbeee1;	
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #0059b2;
	}

.CalendarWeekendToday a:visited{
	color: #840084;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #fff;	
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #e2f9f1;	
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f1f1f1;
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	padding: 2px;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	color: #3d84cc;
	background-color: #bed4e3;	
	}

.CalendarOtherMonthWeekendToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 4px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #dfdfdf;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */

.CalendarNavigator { font-size: 80%; padding: 4px; background-color:#f8f8f8; background-image:url(images/FooterBg.png); background-position:right; background-repeat:no-repeat; 
                     color: #000000; text-align: center; vertical-align: middle; white-space: nowrap; border-bottom:1px solid #3d84cc; 
                     border-left:1px solid #3d84cc; border-right:1px solid #3d84cc; }

.CalendarNavigator a:link { color: #0059b2; }

.CalendarNavigator a:visited{ color: #840084; }

.CalendarNavigator a:hover, .CalendarNavigator a:active{ color: #ff0000; }

.CalendarNavigator img{ margin: 2px; vertical-align: middle; }

/* Calendar Extra */
.CalendarEvent{ font-size: 80%; text-align: left; }

.CalendarEvent a:link { color: #3d84cc; }

.CalendarEvent a:visited{ color: #3d84cc; }

.CalendarEvent a:hover, .CalendarEvent a:active{ color: #3d84cc; }



.AddEventWrapper { padding:4px; width:10%; vertical-align:top; }
.DateContent { padding:2px; width:90%; }
.dropdown_txt { font-size:10px; }


.CalendarHoliday {
	font-size: 100%;
	font-weight:bold;
	padding: 4px;
	border-top: 1px solid #3d84cc; 
	border-right: 1px solid #3d84cc;
	background-color:#ffebec;
	text-align: center;
	color: #e16464;
	}
	
.CalendarHoliday a { color: #ca5959; }
.CalendarHoliday a:link { color: #ca5959; }

..CalendarSelectDayHoliday {
	font-size: 100%;
	font-weight:bold;
	padding: 4px;
	border-top: 1px solid #3d84cc; 
	border-right: 1px solid #3d84cc;
	background-color:#ffd3d6;
	text-align: center;
	color: #e16464;
	}